<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/css/jx-fdj.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/jx-proDetail.css">
</head>

<body>
    <div class="pro-detail">
        <div class="bread">
            <div class="crumbs banxin">
                <a href="#">Nike</a>
                <i class="iconfont icon-icon"></i>
                <a href="#">W NIKE ROSHE ONE</a>
            </div>
        </div>
        <div class="middle-info banxin">
            <!--fdj-->
            <div class="etalage_wrap">
                    <ul id="etalage">
                        <li>
                            <img class="etalage_thumb_image" src="./../../assets/img/img/1-thumb.jpg" title="first img" />
                            <img class="etalage_big_image" src="./../../assets/img/img/1.jpg"/>
                        </li>
                        <li>
                            <img class="etalage_thumb_image" src="./../../assets/img/img/2-thumb.jpg"/>
                            <img class="etalage_big_image" src="./../../assets/img/img/2.jpg"/>
                        </li>
                        <li>
                            <img class="etalage_thumb_image" src="./../../assets/img/img/3-thumb.jpg"/>
                            <img class="etalage_big_image" src="./../../assets/img/img/3.jpg"/>
                        </li>
                        <li>
                            <img class="etalage_thumb_image" src="./../../assets/img/img/4-thumb.jpg"/>
                            <img class="etalage_big_image" src="./../../assets/img/img/4.jpg"/>
                        </li>
                        <li>
                            <img class="etalage_thumb_image" src="./../../assets/img/img/5-thumb.jpg"/>
                            <img class="etalage_big_image" src="./../../assets/img/img/5.jpg"/>
                        </li>
                    </ul>
            </div>
            <!--fdj-->
            <div class="pro-info">
                <h1>W NIKE ROSHE ONE</h1>
                <h3>844994-002</h3>
                <p><span>标准零售价:</span>499.00</p>
                <p><span>上市时间:</span>2017</p>
                <p><span>品牌:</span>Nike</p>
                <p><span>试穿性别:</span>男</p>
                <p><span>款式:</span>经典鞋</p>
                <p><span>试穿季节:</span>夏季（Q3）</p>
                <p><span>库存总量:</span>231&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;" class="scrollTocarbar">查看所有库存</a></p>
                <button type="" class="xd">快捷下单</button>
                <button type="" class="export">导出图片包</button>
                <div class="chajia">
                    <div><img src="./../../assets/img/jx-search.svg" alt="">激想查价助手</div>
                    <a href="#">查询天猫</a>
                    <a href="#">查询京东</a>
                    <a href="#">查询苏宁</a>
                </div>
            </div>
        </div>
        <div class="similar banxin">
            <div class="similar-title">相似精选</div>
            <div class="similar-info">
                <ul>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="pro-bot">
            <div class="jx-carbar banxin">
                <div class="car-left">
                    <p style="font-weight: 700;">W NIKE ROSHE ONE</p>
                    <p>844994-002</p>
                </div>
                <div class="car-right">
                    <p>商品总价：<span style="font-size:18px;color: #FF6600;">¥0.00</span></p>
                    <p>(共计0件)</p>
                    <button class="carbtn">加入购物车</button>
                    <button class="onebtn">一件代发</button>
                </div>
            </div>
            <div class="bot-info banxin">
                <div class="similar2">
                    <div class="similar2-title">相似精选</div>
                    <div class="similar2-info">
                        <ul>
                            <li>
                                <img src="./../../assets/img/xiezi.jpg" alt="">
                                <p class="similar-version">W NIKE AIR ZO...</p>
                                <p class="similar-price">¥799.00~¥999.00</p>
                            </li>
                            <li>
                                <img src="./../../assets/img/xiezi.jpg" alt="">
                                <p class="similar-version">W NIKE AIR ZO...</p>
                                <p class="similar-price">¥799.00~¥999.00</p>
                            </li>
                            <li>
                                <img src="./../../assets/img/xiezi.jpg" alt="">
                                <p class="similar-version">W NIKE AIR ZO...</p>
                                <p class="similar-price">¥799.00~¥999.00</p>
                            </li>
                            <li>
                                <img src="./../../assets/img/xiezi.jpg" alt="">
                                <p class="similar-version">W NIKE AIR ZO...</p>
                                <p class="similar-price">¥799.00~¥999.00</p>
                            </li>
                            <li>
                                <img src="./../../assets/img/xiezi.jpg" alt="">
                                <p class="similar-version">W NIKE AIR ZO...</p>
                                <p class="similar-price">¥799.00~¥999.00</p>
                            </li>
                            <li>
                                <img src="./../../assets/img/xiezi.jpg" alt="">
                                <p class="similar-version">W NIKE AIR ZO...</p>
                                <p class="similar-price">¥799.00~¥999.00</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="bot-right">
                    <div class="tabDiv">
                        <ul class="tabs">  
                            <li class="active"><span id="#tab1">正品采购报价</span></li>  
                            <li><span id="#tab2">商品更多详情</span></li>  
                        </ul>  
                    </div>
                    <div id="tab1" class="tab_content" style="display: block; ">
                        <div class="drop">
                            <div class="fahuo">发货仓</div>
                            <div class="caigou">采购价<i class="iconfont icon-icon1"></i></div>
                            <div class="size">尺码<i class="iconfont icon-icon1"></i>
                                <div class="droplist">
                                    <ul>
                                        <li>
                                            <input type="checkbox" id="checkBox1" class="chk"/>
                                            <label for="checkBox1" id="chk-box1"></label>
                                            <span style="font-size:13px;">6（35.5）</span>
                                        </li>
                                        <li>
                                            <input type="checkbox" id="checkBox2" class="chk"/>
                                            <label for="checkBox2" id="chk-box2"></label>
                                            <span style="font-size:13px;">6（35.5）</span>
                                        </li>
                                        <li>
                                            <input type="checkbox" id="checkBox3" class="chk"/>
                                            <label for="checkBox3" id="chk-box3"></label>
                                            <span style="font-size:13px;">6（35.5）</span>
                                        </li>
                                    </ul>
                                    <button class="confirm">确定</button>
                                    <button class="cancel">取消</button>
                                </div>
                            </div>
                            
                            <div class="kucun">库存数</div>
                            <div class="count">数量</div>
                        </div>
                        <div class="proList">
                            <div class="fahuo-detail">上海一仓</div>
                            <div class="caigou-detail"><p style="font-size: 18px;color: #FF6600;">¥375.00</p><p style="color: #949494;">折扣率： 0.75</p></div>
                            <div class="size-detail">
                                <ul>
                                    <li>6（35.5）</li>
                                    <li>6（35.5）</li>
                                    <li>6（35.5）</li>
                                    <li>6（35.5）</li>
                                    <li>6（35.5）</li>
                                </ul>
                            </div>
                            <div class="kucun-detail">
                                <ul>
                                    <li>10</li>
                                    <li>10</li>
                                    <li>10</li>
                                    <li>10</li>
                                    <li>10</li>
                                </ul>
                            </div>
                            <div class="count-detail">
                                <ul>
                                    <li>
                                        <button class="minus">-</button>
                                        <input type="number" name="" value="0" class="count-num">
                                        <button class="plus">+</button>                                        
                                    </li>    
                                    <li>
                                        <button class="minus">-</button>
                                        <input type="number" name="" value="0" class="count-num">
                                        <button class="plus">+</button>                                        
                                    </li>                                    
                                    <li>
                                        <button class="minus">-</button>
                                        <input type="number" name="" value="0" class="count-num">
                                        <button class="plus">+</button>                                        
                                    </li>    
                                    <li>
                                        <button class="minus">-</button>
                                        <input type="number" name="" value="0" class="count-num">
                                        <button class="plus">+</button>                                        
                                    </li>    
                                    <li>
                                        <button class="minus">-</button>
                                        <input type="number" name="" value="0" class="count-num">
                                        <button class="plus">+</button>                                        
                                    </li>    
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="tab2" class="tab_content" style="display: none;">
                        <img src="./../../assets/img/pro-detail1.jpg" alt="" width="980px" style="margin-top:10px;">
                        <img src="./../../assets/img/pro-detail2.jpg" alt="" width="980px" style="margin-top:10px;">
                    </div>
                </div>
            </div>
        </div>
        <div class="similar3 banxin">
            <div class="similar3-title">相似精选</div>
            <div class="similar3-info">
                <ul>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                    <li>
                        <img src="./../../assets/img/xiezi.jpg" alt="">
                        <p class="similar-version">W NIKE AIR ZO...</p>
                        <p class="similar-price">¥799.00~¥999.00</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
<script src="./../../assets/build/sportjx.js"></script>
<script src="./../../assets/build/mainsite.js"></script>
<script src="./../../assets/build/js/jx-fdj.js"></script>
<script src="./../../assets/build/js/proDetail.js"></script>
</html>